.notification-container{
	background-color: #f8f8f8;
	padding: 110rpx 30rpx 120rpx 30rpx;
	min-height: 100vh;
}

.list-item {
	display: flex;
	padding: 24rpx;
	background: #fff;
	border-radius: 20rpx;
	margin-bottom: 24rpx;
	box-shadow: 0 4rpx 12rpx rgba(0,0,0,0.08);
}
	
.item-left {
	width: 100rpx;
	display: flex;
	align-items: center;
	justify-content: center;
}
	
.item-type {
	width: 100rpx;
	height: 100rpx;
	border-radius: 16rpx;
	display: flex;
	align-items: center;
	justify-content: center;
	background: #1890ff;
}
	
.type-text {
	color: #fff;
	font-size: 28rpx;
	font-weight: bold;
}
	
.item-right {
	flex: 1;
	margin-left: 24rpx;
}

.item-attendance,
.item-sickapply {
    display: flex;
    flex-direction: column;
	gap: 10rpx;
}

.item-right text {
    font-size: 32rpx;
}

.item-head {
    display: flex;
    justify-content: space-between; 
    align-items: center;
}

.item-name {
	width: 330rpx;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.status-tag{
	padding: 8rpx 24rpx; 
	border-radius: 32rpx; 
}

.item-time {
    font-size: 28rpx;
    color: #666;
}

.no-message{
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	font-size: 28rpx;
}

.nomessage-image{
	margin: 200rpx 0 50rpx 0;
	width: 80%;
	height: 700rpx;
}

.tab-bar {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  height: 120rpx;  /* 增加高度容纳文字 */
  background-color: rgba(255, 255, 255, 0.1); 
  display: flex;
  justify-content: space-around;
  align-items: center;
  box-shadow: 0 -2rpx 30rpx rgba(0,0,0,0.03);
  z-index: 999;
}

.tab-item {
    display: flex;
    flex-direction: column;  /* 垂直排列图标和文字 */
    align-items: center;
    padding: 10rpx 0;
}

.cuIcon {
    font-size: 44rpx;
    margin-bottom: 8rpx;  /* 图标和文字间距 */
}

.tab-text {
  font-size: 24rpx;
  color: #666;
}

/* 激活状态样式 */
.tab-item.active .cuIcon,
.tab-item.active .tab-text {
  color: #007AFF;
}